<template>
  <div class="card h100">
    <el-tabs v-model="reason.type" tab-position="left" class="h100">
      <el-tab-pane v-for="item in commentType" :key="item.value" :label="item.label" :name="item.value">
        <ChangePrice :reason="reason" v-if="reason.type === item.value" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts" name="antiSettlement">
import { ref } from "vue";
import ChangePrice from "./changePrice.vue";
import { commentType } from "@/utils/serviceDict";
// import type { TabsPaneContext } from "element-plus";

// const activeName = ref(1);
const reason = ref({
  type: commentType[0].value,
  title: commentType[0].label
});
</script>

<style lang="scss" scoped>
:deep(.el-tabs__nav-wrap::after) {
  display: none;
}
</style>
